<template>
	<view>
		<page-head headTitle="编辑资料" :returnButton="true" @clickLeftReturn="clickLeftReturn"></page-head>
		<picture-upload class="m-t9"></picture-upload>
		<view class="flex p-l-r3 p-t-b4 bg-white align-center justify-between border-botton">
			<text class="fs-3 width-1">服务中心</text>
			<view class="flex align-center">
				<view class="flex address">
					<text class="iconfont icon-dingwei store-icon"></text>
					<text class="flex align-center fs-3 m-r1 info white-space input-goods">南宁青秀区昌泰大厦</text>
				</view>
				<image class="arrow" src="/static/images/icon_right_arrow.png"></image>
			</view>
		</view>
		<view class="flex p-l-r3 p-t-b4 bg-white align-center justify-between border-botton">
			<text class="fs-3 width-1">营业时间</text>
			<view class="flex align-center">
				<view class="flex address">
					<text class="flex fs-3 m-r1 info white-space input-goods">2020-02-20  12:00-24:00</text>
				</view>
				<image class="arrow" src="/static/images/icon_right_arrow.png"></image>
			</view>
		</view>
		<view class="flex p-l-r3 p-t-b4 bg-white align-center justify-between border-botton">
			<text class="fs-3 width-1">联系电话</text>
			<view class="flex align-center">
				<view class="flex address">
					<text class="flex align-center fs-3 m-r1 info white-space input-goods">18888888888</text>
				</view>
				<image class="arrow" src="/static/images/icon_right_arrow.png"></image>
			</view>
		</view>
		<bright-button title="提交" class="m-t-b"></bright-button>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
import brightButton from '@/components/common/bright-button.vue'
import pictureUpload from '@/components/common/picture-upload.vue'
	export default {
		components:{
			pageHead,
			brightButton,
			pictureUpload
		},
		data() {
			return {
				
			}
		},
		methods: {
			changeImg(){
				uni.chooseImage({
				    count: 1, //默认9
				    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				    success: function (res) {
				        console.log(JSON.stringify(res));
				    }
				});
			},
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			}
		}
	}
</script>

<style scoped>
view{line-height: 1;}
.m-t-b{margin-top: 240rpx;margin-bottom: 60rpx;}
.address{width: 500rpx;justify-content:flex-end;}
.info{max-width: 400rpx;}
.store-icon{font-size: 48rpx;color: #AAAAAA;}
</style>
